<!--
 * @Author: wangding
 * @Date: 2020-08-19 09:34:59
 * @LastEditTime: 2020-08-27 10:21:20
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \youlunzx\index.html
-->
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中心概况</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/core.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/core.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <!-- 分页直接跳转 -->
    <link rel="stylesheet" href="./css/bootstrap-table-page-jump-to.min.css">
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">
    <!-- bootstrap中文扩展包 -->
    <script src="./js/bootstrap-table.min.js"></script>
    <!-- 中文扩展包 -->
    <script src="./js/bootstrap-table-zh-CN.min.js"></script>
    <!-- 分页直接跳转 -->
    <script src="./js/bootstrap-table-page-jump-to.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <link rel="stylesheet" href="./css/swiper.min.css">

</head>

<body>
    <div class="">
        <div class="header w">
            <div class="log-box">
                <h1>
                    <a href="javascript:;">
                        游轮中心
                        <!-- <img src="./images/u45.png" alt=""> -->
                    </a>
                </h1>
            </div>
            <div class="log-text-box">
                <img src="./images/u46.png" alt="">
            </div>
            <div class="search-box">
                <input type="text" placeholder="请输入关键字" class="search-input">
                <div class="search-icon">
                    <img src="./images/u48.svg" alt="">
                </div>
            </div>
        </div>
        <div class="menus clearfix">
            <ul class="main-menus w">
                <li onclick="goto('index')">首页</li>
                <li class="main-menus-two core">中心概况
                    <ul class="sub-menus-two">
                        <li onclick="goto('core','1')">中心简介</li>
                        <li onclick="goto('core','2')">领导班子</li>
                        <li onclick="goto('core','3')">主要研究方向</li>
                        <li onclick="goto('core','4')">中心成员介绍</li>
                    </ul>
                </li>
                <li>党建活动
                    <ul class="sub-menus-two">
                        <li onclick="goto('party','1')">组织机构</li>
                        <li onclick="goto('party','2')">党建活动</li>
                    </ul>
                </li>
                <li>人才培养
                    <ul class="sub-menus-two">
                        <li onclick="goto('personnel','1')">基本情况</li>
                        <li onclick="goto('personnel','2')">本科课程教学及培养</li>
                        <li onclick="goto('personnel','3')">研究生培养</li>
                        <li onclick="goto('personnel','4')">博士后招聘</li>
                        <li onclick="goto('personnel','5')">中心人员招聘</li>
                        <li onclick="goto('personnel','6')">下载专区</li>
                    </ul>
                </li>
                <li>学术成果
                    <ul class="sub-menus-two">
                        <li onclick="goto('learning','1')">学术讲座</li>
                        <li onclick="goto('learning','2')">对外交流</li>
                        <li onclick="goto('learning','3')">邀请访问</li>
                        <li onclick="goto('learning','4')">产品介绍</li>
                        <li onclick="goto('learning','5')">专利及软件</li>
                        <li onclick="goto('learning','6')">成果转换</li>
                    </ul>
                </li>
                <li>科学研究
                    <ul class="sub-menus-two">
                        <li onclick="goto('science','1')">科学项目</li>
                        <li onclick="goto('science','2')">科学成果</li>
                        <li onclick="goto('science','3')">计算机仿真技术</li>
                        <li onclick="goto('science','4')">实验技术</li>
                        <li onclick="goto('science','5')">设计技术</li>
                    </ul>
                </li>
                <li onclick="goto('contact','1')">联系我们
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="content-banner">
            <div class="slider">
                <!-- Swiper 注意不要更改里面的结构和类名 -->
                <div class="swiper-container" style="margin-bottom: 30px;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/banner1.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner2.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/banner3.jpg" alt="">
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="content clearfix w">

            <div class="menus-left ">
                <div class="left-menus">中心简介</div>
                <div class="left-menus">领导班子</div>
                <div class="left-menus">主要研究方向</div>
                <div class="left-menus">中心成员介绍</div>
            </div>
            <div class="menus-right ">
                <div class="crumbs-box">
                    <p>当前位置： 首页>>中心概况>><span class="menus-now"></span><span class="subMenus-text" style="display: none;">>>正文</span></p>
                </div>
                <hr>
                <div class="content-text-box">
                    <div class="text-box">
                        <h3 style="text-align:center;padding:15px 0;">绿色智能江海直达船舶与邮轮游艇研究中心</h3>
                        <div>
                            简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简
                        </div>
                    </div>
                    <div class="text-box">
                        <div class="user-min-box clearfix">
                            <div class="user-min-box-left">中心主任</div>
                            <div class="user-min-box-right">张三</div>
                        </div>
                    </div>
                    <div class="text-box">
                        <div class="table-box">
                            <h3>绿色智能江海直达船舶与邮轮游艇研究中心</h3>
                            <h4>地址：xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h4>

                            <table id="table" data-toggle="table" data-pagination='true' data-pagination-h-align="left" data-pagination-detail-h-align="right" data-locale="zh-CN" data-show-jump-to=“true”>
                            </table>
                        </div>
                        <div class="text-content" style='display:none;'>
                            <a href="javascript:;" onclick='showTable()'>
                                <<返回列表 </a>
                                    <h3>船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造</h3>
                                    <h5>2020-05-29 15:18</h5>
                                    <p>船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造</p>
                                    <div style="text-align:center;"><img src="./images/u2260.svg" alt=""></div>
                                    <p>船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造</p>
                                    <p>船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造船舶制造</p>
                        </div>
                    </div>
                    <div class="text-box">
                        <div class="msg-box clearfix">
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                            <div class="sub-msg-box">
                                <img src="./images/u570.svg" alt="">
                                <p class="name">张三</p>
                                <p>中国工程院院士、国家有突出贡献中青年专家、享受国务院政府特殊津贴专家</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-box">
            <p>版权所有 © 2008-2018 武汉理工大学</p>
            <p>Copyright ©UnionTest 2018 鄂ICP备338008960号</p>
        </div>
    </div>
</body>

</html>